<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>指尖金融</title>
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="followInfo.css" type="text/css" rel="stylesheet">
		<link href="../../../res/png/icon.png" rel="shortcut icon"/>
		<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
	</head>

	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div class="table-section none page" id="followInfo">
						<p class="table-head">
							<label class="table-title">当前位置:客户跟进管理</label>
						</p>
						<p class="table-search">
							<label for="" class="registerTime">起止时间：</label>
							<input class="field-input Wdate FromTime" type="text" name="dateStart" placeholder="请输入时间" onFocus="WdatePicker({})" />
							<input class="field-input Wdate ToTime"   type="text" name="dateEnd"  placeholder="请输入时间"  onFocus="WdatePicker({minDate:$('#publishFromTime').val()})"/>
							<label class="phoneNum">跟进人：</label>
							<input class="input-phoneNum" type="text" placeholder="请输入跟进人" name="followName"/>
							<label class="enterpriseName">企业名称：</label>
							<input class="input-enterpriseName" type="text" placeholder="请输入企业名称" name="clientName"/>
							<br />
							<button class="table-search-button">查询</button>
						</p>
						<table class="table">
							<thead>
								<tr>
									<th>姓名</th>
									<th>客户编号</th>
									<th>客户名称</th>
									<th>启用状态</th>
									<th>时间起</th>
									<th>时间止</th>
									<th>启停原因</th>
									<th>启停说明</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
							<script type="text/template">
								{@each datas as it}
								<tr followId="${it.followId}">
									<td>${it.followName}</td>
									<td>${it.clientNumber}</td>
									<td>${it.clientName}</td>
									<td>
									{@if it.enabled == true}
									启用
									{@else}
									停用
									{@/if}
									</td>
									<td>${it.dateStart}</td>
									<td>${it.dateEnd}</td>
									<td>${it.reason}</td>
									<td>${it.remark}</td>
									<td>
										<a href="javascript:void(0);" class="add">新增</a> <a href="javascript:void(0);" class="detail">详情</a> <a href="javascript:void(0);" class="expenseAndShrinkage">展开</a>
									</td>
								</tr>
								<tr class="subTr subTr${it.followId} none">
									<th>时间</th>
									<th>跟进类型</th>
									<th>签到位置</th>
									<th>拜访说明</th>
									<th>拜访文件</th>
									<th>拜访图片</th>
									<th>拜访音频</th>
									<th>提交状态</th>
									<th>操作</th>
								</tr>
								{@each it.followInfoList as item}
								<tr class="subTr subTr${it.followId} none" followInfoId="${item.followInfoId}">
									<td>${item.date}</td>
									<td>${item.followType}</td>
									<td>${item.signLocation}</td>
									<td>${item.visitRemark}</td>
									<td class="visitFile">${item.visitFile}</td>
									<td class="visitImage">${item.visitImage}</td>
									<td class="visitAudio">${item.visitAudio}</td>
									<td>
										{@if item.submitState == true}
										已提交
										{@else}
										待提交
										{@/if}
									</td>
									<td>
										{@if item.submitState == true}
										{@else}
										<a href="javascript:void(0);" class="submit">提交</a>
										<a href="javascript:void(0);" class="delete">删除</a>
										{@/if}
									</td>
								</tr>
								{@/each}
								{@/each}
							</script>
						</table>
						<div class="pagerCon"></div>
					</div>
				</div>
				<div id="popdialog"></div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer" >
				
		    </div>
			<!--删除确认框-->
			<div class="dialog none" id="confirmDialog" style="width:300px;">
				<div class="dialogTitle"></div>
				<button class="closeDiv">×</button>
				<div class="dialogContent">
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn radius_shadow">确定</div>
				</div>
			</div>
			<div id="fullBg"></div>
			<div id="popdialog">
			</div>
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/platform/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			seajs.use('./followInfo', function(followInfo) {
				followInfo.init(4);
			});
		</script>
	</body>

</html>